<#include "/common/head.ftl">

<div class="closePopup" align="right">
	<a href="#" onclick="closePopupFullScreen();return false" align="right">
		<img src="images/icons/close.gif" alt="close">
	</a>
</div>
	<table style="width:100%" cellspadding="0" cellspacing="0">
		<tr>
			<td valign="top">
				${request.setAttribute("levels1", program1.levels)}
				<b style="margin-left:2px;">${program1.name}</b>:
				<div style="overflow: auto; height: 440px;">
				<@display.table id="listTable" name="levels1">
					<@display.column title="${i18n.getMessage('name')}" style="width:20%">${listTable.name}</@display.column>		
					<@display.column title="Hours/Weeks" style="text-align:center;width:10%">${(listTable.hours)!}/${(listTable.weeks)!}</@display.column>
					<@display.column title="${i18n.getMessage('tuition')} (USD)" style="text-align:center;width:10%">${(listTable.tuition.amount)!}</@display.column>
					<@display.column title="${i18n.getMessage('document')}" style="text-align:left;width:38%">${(listTable.document)!}</@display.column>
				</@display.table>
				</div>
			</td>
			<td valign="top">
				${request.setAttribute("levels2", program2.levels)}
				<b style="margin-left:2px">${program2.name}</b>:
				<div style="overflow: auto; height: 440px;"> 
				<@display.table id="listTable" name="levels2">
					<@display.column title="${i18n.getMessage('name')}" style="width:20%">${listTable.name}</@display.column>		
					<@display.column title="Hours/Weeks" style="text-align:center;width:10%">${(listTable.hours)!}/${(listTable.weeks)!}</@display.column>
					<@display.column title="${i18n.getMessage('tuition')} (USD)" style="text-align:center;width:10%">${(listTable.tuition.amount)!}</@display.column>
					<@display.column title="${i18n.getMessage('document')}" style="text-align:left;width:38%">${(listTable.document)!}</@display.column>
				</@display.table>
				</div>
			</td>
		</tr>
	</table>